<!DOCTYPE html>
<html lang="zh"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorate="~{layouts/layout}">
    <th:block layout:fragment="css">
<script type="text/javascript" src="{{ URL::asset('/plugins/jquery.mCustomScrollbar.min.js') }}"></script>
    </th:block>
    <style layout:fragment="styles">/*编写样式*/</style>
<head><title></title></head>
<body>
<section layout:fragment="content">
    <div class="container-box scrollbar" data-options="setHeight:'100%',scrollInertia:0,auto:true">
        <div class="container-body scrollbar-body">
            <div class="container-item">
                <a class="logo" href="/"><img width="100%" src="/img/logo-default.png" alt=""></a>
                <form
                 data-options="
                    form:{url:'{{route('forget')}}'},
                    callback:{
                        method:'request',
                        url:'{{route('login')}}'
                    }
                 ">
                    <div class="form-box lg-form">
                        <div class="form-item">
                            <div class="form-input input-group">
                                <span class="input-icon"><i class="fa fa-envelope"></i></span><input type="text" name="userEmail" placeholder="邮箱" class="easyui-validatebox captchaValid" data-options="required:true,validType:'email'">
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="form-input input-group">
                                <span class="input-icon"><i class="fa fa-lock"></i></span><input type="password" placeholder="新密码" name="userPwd" class="easyui-validatebox" data-options="required:true,validType:'password'" id="userPwd">
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="form-input input-group">
                                <span class="input-icon"><i class="fa fa-lock"></i></span><input type="password" placeholder="密码确认" name="repUserPwd" class="easyui-validatebox" data-options="required:true" validType="equals['#userPwd']">
                            </div>
                        </div>
                        @if(ConfigSys('isCaptcha'))
                        <div class="form-item">
                            <div class="form-input captcha-box">
                                <input type="text" name="captcha" placeholder="验证码" class="easyui-validatebox captcha-input"
                                 data-options="
                                    required:true,
                                    validType:'numberLength[8]'
                                 ">
                                <span class="btn btn-default captcha-btn captcha"
                                 data-options="
                                    id:'.captchaValid',
                                    verify:'email',
                                    countdown:{{decbin(ConfigSys('countDown'))}},
                                    url:'{{route('captcha','forget')}}'
                                 " value="{{$lessCount}}">获取验证码</span>
                            </div>
                        </div>
                        @endif
                        <div class="form-item mt10">
                            <button type="button" class="btn btn-primary btn-block" onclick="$.submitForm(this)">重置密码</button>
                        </div>
                        <div class="form-item mt10">
                            <a class="form-label notice-gray" th:href="@{/register}">注册账户</a>
                            <a class="form-label pull-right notice-gray" th:href="@{/login}">已有账号?登录</a>
                        </div>
                    </div>
                </form>
                <div class="footer">
                    ©所有版权归朱辉所有
                </div>
            </div>
        </div>
    </div>
</section>
<th:block layout:fragment="js"><!--引入外部js文件--></th:block>